<template>
  <div>
    <el-card class="account-container">
      1
      
    </el-card>
    
  </div>
</template>

<script>
import { onMounted, reactive, ref, toRefs } from "vue";
import axios from "@/utils/axios";
import { ElMessage } from "element-plus";
import md5 from "js-md5";
export default {
  name: "Test",
  setup() {
    const nameRef = ref(null);
    const passRef = ref(null);
    const state = reactive({
      user: null,
      nameForm: {
        loginName: "",
        nickName: ""
      },
      passForm: {
        oldpass: "",
        newpass: ""
      },
      rules: {
        loginName: [
          { required: "true", message: "登录名不能为空", trigger: ["change"] }
        ],
        nickName: [
          { required: "true", message: "昵称不能为空", trigger: ["change"] }
        ],
        oldpass: [
          { required: "true", message: "原密码不能为空", trigger: ["change"] }
        ],
        newpass: [
          { required: "true", message: "新密码不能为空", trigger: ["change"] }
        ]
      }
    });
    onMounted(() => {
      return
      
    });
    
   
    return {
      ...toRefs(state),
      nameRef,
      passRef,
      
      
    };
  }
};
</script>

<style>
.account-container {
  margin-bottom: 20px;
}
</style>